.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.clear{
  clear: both;
}
.lf{
  float: left;
}
.rt{
  float: right;
}
.authorize_box{
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;/*  #ifdef  H5  */
    top: calc(88rpx + constant(safe-area-inset-top));
    top: calc(88rpx + env(safe-area-inset-top));/*  #endif  */
    left: 0;
    z-index: 200;
  }
  .ar_box{
    width: 80%;
    height: 300rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    margin: calc((100vh - 300rpx) / 2) 10%;
  }
  .ar_word{
    height: 200rpx;
    width: 100%;
    overflow: hidden;
  }
  .ar_tit{
    height: 60rpx;
    width: 100%;
    text-align: center;
    line-height: 60rpx;
    font-size: 32rpx;
    font-weight: bold;
    margin-top: 40rpx;
  }
  .ar_cont{
    height: 80rpx;
    width: 100%;
    text-align: center;
    line-height: 80rpx;
    color: #999;
  }
  .ar_butt_box{
    width: 100%;
    height: 100rpx;
    box-sizing: border-box;
    border-top: 2rpx solid #dcdcdc;
  }
  .ar_butt_item{
    width: 50%;
    height: 100%;
    line-height: 100rpx;
    text-align: center;
    float: left;
    position: relative;
    font-size: 32rpx;
    color: #576B95;
  }
  .ar_line{
    box-sizing: border-box;
    border-right: 2rpx solid #dcdcdc;
    color: #333;
  }
  .ar_butt_item button{
    width: 100%!important;
    height: 100%!important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    
  }
.sq_lab{
    padding: 0 20rpx;
    color: #999;
}
.hjg_line{
  height: 20rpx;
  width: 100%;
  background: #EEEEEE;
}
.zanwushuju {
    height: 250rpx;
    padding-top: 1rpx;
    width: 100%;
}

.zanwushuju_img {
    height: 110rpx;
    display: block;
    width: 84rpx;
    margin: 0 auto;
    margin-top: 30rpx;
}

.zanwushuju_title {
    width: 100%;
    font-size: 30rpx;
    color: #555555;
    text-align: center;
    margin-top: 30rpx;
}

.shop_modle_title_center_right {
    height: 30rpx;
    width: 84rpx;
    float: right;
}

.Menu {
    height: 102rpx;
    width: 102rpx;
    position: fixed;
    display: block;
    bottom: 45rpx;
    z-index: 100;
    border-radius: 100%;
    right: 20rpx;
}

.Menu_modleIndex {
    height: 0rpx;
    width: 0rpx;
    border-radius: 100%;
    display: block;
    z-index: 99;
    position: fixed;
    bottom: 35rpx;
    right: 190rpx;
}

.Menu_modleSecond {
    height: 0rpx;
    z-index: 99;
    width: 0rpx;
    border-radius: 100%;
    display: block;
    position: fixed;
    bottom: 150rpx;
    right: 165rpx;
}

.Menu_modleThird {
    height: 0rpx;
    z-index: 99;
    width: 0rpx;
    border-radius: 100%;
    display: block;
    position: fixed;
    bottom: 208rpx;
    right: 45rpx;
}

.Menu_modleThird_active {
    -webkit-animation: ThirdActive 0.5s;
    height: 68rpx;
    width: 68rpx;
}

@-webkit-keyframes ThirdActive {
    0% {
        bottom: 68rpx;
        right: 41rpx;
        height: 0rpx;
        width: 0rpx;
    }

    100% {
        bottom: 208rpx;
        right: 45rpx;
        height: 68rpx;
        width: 68rpx;
    }
}

.Menu_modleSecond_active {
    -webkit-animation: SecondActive 0.5s;
    height: 68rpx;
    width: 68rpx;
}

@-webkit-keyframes SecondActive {
    0% {
        bottom: 65rpx;
        right: 43rpx;
        height: 0rpx;
        width: 0rpx;
    }

    100% {
        bottom: 150rpx;
        right: 165rpx;
        height: 68rpx;
        width: 68rpx;
    }
}

.Menu_modleIndex_active {
    -webkit-animation: IndexActive 0.5s;
    height: 68rpx;
    width: 68rpx;
}

@-webkit-keyframes IndexActive {
    0% {
        bottom: 66rpx;
        right: 43rpx;
        height: 0rpx;
        width: 0rpx;
    }

    100% {
        bottom: 35rpx;
        right: 190rpx;
        height: 68rpx;
        width: 68rpx;
    }
}

.Menu_modle_active {
    -webkit-animation: Active 0.5s;
    -webkit-transform: rotate(+45deg);
}

@-webkit-keyframes Active {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(+45deg);
    }
}

.Menu_modleThird_noactive {
    -webkit-animation: ThirdnoActive 0.5s;
    bottom: 208rpx;
    right: 45rpx;
    height: 0rpx;
    width: 0rpx;
}

@-webkit-keyframes ThirdnoActive {
    0% {
        bottom: 208rpx;
        right: 45rpx;
        height: 68rpx;
        width: 68rpx;
    }

    100% {
        bottom: 68rpx;
        right: 41rpx;
        height: 0rpx;
        width: 0rpx;
    }
}

.Menu_modleSecond_noactive {
    -webkit-animation: SecondnoActive 0.5s;
    bottom: 150rpx;
    right: 165rpx;
    height: 0rpx;
    width: 0rpx;
}

@-webkit-keyframes SecondnoActive {
    0% {
        bottom: 150rpx;
        right: 165rpx;
        height: 68rpx;
        width: 68rpx;
    }

    100% {
        bottom: 65rpx;
        right: 43rpx;
        height: 0rpx;
        width: 0rpx;
    }
}

.Menu_modleIndex_noactive {
    -webkit-animation: IndexnoActive 0.5s;
    bottom: 66rpx;
    right: 43rpx;
    height: 0rpx;
    width: 0rpx;
}

@-webkit-keyframes IndexnoActive {
    0% {
        bottom: 35rpx;
        right: 190rpx;
        height: 68rpx;
        width: 68rpx;
    }

    100% {
        bottom: 66rpx;
        right: 43rpx;
        height: 0rpx;
        width: 0rpx;
    }
}

.Menu_modle_noactive {
    -webkit-animation: noActive 0.5s;
    -webkit-transform: rotate(0deg);
}

@-webkit-keyframes noActive {
    0% {
        -webkit-transform: rotate(+45deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

.zanwushuju_border {
    position: absolute;
    width: 100%;
    top: 408rpx;
}

.zanwushuju_border_img {
    height: 180rpx;
    width: 180rpx;
    margin: 0 auto;
    display: block;
}

.zanwushuju_border_title {
    font-size: 24rpx;
    width: 550rpx;
    margin: 0 auto;
    text-align: center;
    margin-top: 10rpx;
    color: #9295A8;
}